@charset "UTF-8";

@import "./variables.scss";

//主色
$primary-active-color:#F05368;

$default-color:#fff;
$warning-color:#646464;

//基础按钮
.btn{
  display: inline-block;
  padding: $rem * 6 $rem*14;
  margin-bottom: 0;
  font-size: $rem*30;
  font-weight: 400;
  line-height: $rem*34;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: $rem*2;
}

.btn-rm-angle{
    border-radius:0;
}

//纯洁的按钮 清除其他多余的默认样式
.btn-pure{
    border-radius:0;
    background:#fff;
    padding:0;
    // &:active{
    //     background:#f1f1f1;
    // }
}


.btn-default{
  background-color: $default-color;
  color:#646464;
  border:1px solid #9B9B9B;
}

//主色按钮
.btn-primary{
  background: -webkit-linear-gradient(left, #CB1219 0, #CE0F46 100%);;

  color:#fff;
  //border-color:$primary-color;
  &:active{
    background-color:$primary-active-color;
  }
  &:disabled{
    color:rgba(255,255,255,.4);
    background: #b2b2b2;
  }
}

.btn-white{
    background-color:#fff;
    color:$primary-color;
}

//
.btn-warning{
    background-color:$warning-color;
    color:#fff;
}

.btn-primary-outline{
  background-color:#fff;
  border:1px solid  $primary-color;
  color: $primary-color;
}

.btn-full{
    width:100%!important;
    height:100%!important;
}

.btn-block{
    display:block;
}

.btn-lg{
    height:$rem*47;
}

.btn-sm{

}

.btn-xs{

}
